<template>
  <viwe class="info-head">
    <open-data type="userAvatarUrl" class="image"></open-data>
    <!-- <image :src="info.src"></image> -->
    <open-data type="userNickName"></open-data>
  </viwe>
</template>

<script>
export default {
  props:['info'],
  data(){
    return {

    }
  }
}
</script>

<style>
.info-head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.info-head .image {
  width: 200rpx;
  height: 200rpx;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 20rpx;
}
.nickname {
  padding: 40rpx;
  font-weight: 700;
}
</style>